import React, { memo } from 'react'
import styles from './style.module.css'
import { getWeekday, getDay } from 'helpers/time'
const Header = memo(({ children }) => {
  return (
    <div className={styles.Header}>
      <div className={styles.left}>
        <div className={styles.date}>
          <div className={styles.weekday}>{getWeekday()}</div>
          <div className={styles.day}>{getDay()}</div>
        </div>
        <div className={styles.title}>
          <div className={styles.name}>每日歌曲推荐</div>
          <div className={styles.tips}>根据你的音乐口味生成，每天6:00更新</div>
        </div>
      </div>
      {children}
    </div>
  )
})
export default Header
